<!DOCTYPE html>
<html>
<head>
<title>CSS Test: GCPM footnote area</title>
<link rel="author" title="Dave Cramer" href="mailto:dauwhe@gmail.com">
<link rel="help" href="http://www.w3.org/TR/css3-gcpm/#footnote-area">


<meta name="flags" content="paged">
<meta name="assert" content="check footnote area exists and can be formatted with CSS">

<style>
  @page {
   @footnote {
   border: thin solid blue;
   }
  }
  
span.footnote { float: footnote; }


 
</style>
</head>
<body>

<!--Prince uses footnotes instead of footnote-->

<p>Test pass if a footnote appears at the bottom of the page, and there is a blue box around the footnote.</p>


<p>This paragraph contains a footnote<span class="footnote">this is the footnote</span>.</p>

</body>
</html>